@charset "gb2312";

/* CSS Document */

*{ padding:0; margin:0;}
body {color: #333;padding: 0px !important;margin: 0px !important;font-size: 14px;font-family: "΢ÈíÑźÚ",Microsoft YaHei,Arial,Century;}
a,a:hover,a:focus {text-decoration: none;outline: none;}
::selection {background: #ff9000;color: #fff;}
::-moz-selection {background: #ff9000;color: #fff;}
h1,h2,h3,h4,h5,h6,p,ul,li { padding: 0; margin: 0; font-weight:normal;}
li{ list-style-type: none;}
img{ border:none;}
a:hover { text-decoration: none;}
:hover{

    
    text-decoration: none;
    -webkit-transition: 0.5s ease all;
    -o-transition: 0.5s ease all;
    -moz-transition: 0.5s ease all;
    -ms-transition: 0.5s ease all;
    transition: 0.5s ease all;

}
.clears{ clear:both; height:0; line-height:0;}
.w1200{ width:1200px; margin:0 auto;}
.fl{ float:left}
.fr{ float:right}

.clear{ clear:both; height:0px;}
.inner{ width:1200px; margin:0 auto;}
/**************************/
/**************************/

.rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0; 
}
.rslides li{
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
	z-index:10;
}
.rslides li:first-child{
	position:relative;
	display:block;
	float:left;
}
.rslides img{
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0;
}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top: -20px;
position: relative;
z-index: 100;
}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}

/* Callback example */
.callbacks_container{
	margin-bottom:2px;
	position:relative;
	width:100%;
	max-width:100%;
	text-align:center;
}

.callbacks{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.callbacks li{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.callbacks img{
	display:block;
	position:relative;
	z-index:1;
	height:auto;
	width:100%;
	border:0;
}
.callbacks .caption{
	display:block;
	position:absolute;
	z-index:2;
	font-size:20px;
	text-shadow:none;
	color:#fff;
	background:#000;
	background:rgba(0,0,0, .8);
	left:0;
	right:0;
	bottom:0;
	padding:10px 20px;
	margin:0;
	max-width:none;
}
.callbacks_nav{
	position:absolute;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	top:50%;
	left:0;
	opacity:0.6;
	z-index:3;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	height:61px;
	width:38px;
	background:transparent url(themes.gif) no-repeat left top;
	margin-top:-30px;
	display:none;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{
	left:auto;
	background-position:right top;
	right:0;
}

@media screen and (max-width:600px){
	.callbacks_nav{
		top:47%;
	}
}
/**********/


.hy{ width:30px; line-height:30px; width:100%; background:#f4f4f4; font-size:13px}
.hy-in{ width:1200px; height:30px; line-height:30px; color:#A9A9A9; margin:0 auto;}
.hy-in a{ color:#a9a9a9;}
.hy-in a:hover{ color:#fff;}





/************/
.dh{ width:100%; height:100px;}
.dh-in{ width:1200px; height:100px; margin:0 auto; position:relative;}
.lg{ width:600px; height:100px; float:left; position:relative}
.lx{ width:287px; height:100px; float:right; position:relative}
.nav-in{ width:100%; position:relative; z-index:9999999999; background:#df0024; height:45px}
.nav {
	width: 1200px;
	margin: 0 auto;
	text-align: center;}

.menu,.menu ul {
	list-style: none;
	padding: 0;
	margin: 0
}

.menu {
	height: 45px
}

.menu li {
	width: 150px; background:url(navbg.png)right center no-repeat
}

.menu>li {
	display: block;
	float: left;
	position: relative
}

.menu a {
	color: #fff;
	display: block;
	font-size: 16px;
	line-height: 45px;
	text-decoration: none;
	text-transform: uppercase
}

.menu a:hover {
	color: #fff;
	background: 0
}

.menu .submenu a {
	color: gray;
	display: block;
	font-size: 16px;
	line-height: 45px;
	text-decoration: none;
	text-transform: uppercase;
	background: #fff
}

.menu .submenu a:hover {
	color: #fff;
	background: #b80000
}

.menu li:hover {
	background-color:#b80000 ;
	color: #fff
}

.menu li:hover>a {
	color: #fff
}

.submenu {
	left: 0;
	max-height: 0;
	position: absolute;
	top: 100%;
	z-index: 99999;
	-webkit-perspective: 400px;
	-moz-perspective: 400px;
	-ms-perspective: 400px;
	-o-perspective: 400px;
	perspective: 400px
}

.submenu li {
	opacity: 0;
	-webkit-transform: rotateY(90deg);
	-moz-transform: rotateY(90deg);
	-ms-transform: rotateY(90deg);
	-o-transform: rotateY(90deg);
	transform: rotateY(90deg);
	-webkit-transition: opacity .4s,-webkit-transform .5s;
	-moz-transition: opacity .4s,-moz-transform .5s;
	-ms-transition: opacity .4s,-ms-transform .5s;
	-o-transition: opacity .4s,-o-transform .5s;
	transition: opacity .4s,transform .5s
}

.menu .submenu li:hover a {
	border-radius: 0;
	color: #fff
}

.menu>li:hover .submenu,.menu>li:focus .submenu {
	max-height: 2000px;
	z-index: 10
}

.menu>li:hover .submenu li,.menu>li:focus .submenu li {
	opacity: 1;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none
}

.menu li:hover .submenu li:nth-child(1) {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s
}

.menu li:hover .submenu li:nth-child(2) {
	-webkit-transition-delay: 50ms;
	-moz-transition-delay: 50ms;
	-ms-transition-delay: 50ms;
	-o-transition-delay: 50ms;
	transition-delay: 50ms
}

.menu li:hover .submenu li:nth-child(3) {
	-webkit-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	-ms-transition-delay: 100ms;
	-o-transition-delay: 100ms;
	transition-delay: 100ms
}

.menu li:hover .submenu li:nth-child(4) {
	-webkit-transition-delay: 150ms;
	-moz-transition-delay: 150ms;
	-ms-transition-delay: 150ms;
	-o-transition-delay: 150ms;
	transition-delay: 150ms
}

.menu li:hover .submenu li:nth-child(5) {
	-webkit-transition-delay: 200ms;
	-moz-transition-delay: 200ms;
	-ms-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	transition-delay: 200ms
}

.menu li:hover .submenu li:nth-child(6) {
	-webkit-transition-delay: 250ms;
	-moz-transition-delay: 250ms;
	-ms-transition-delay: 250ms;
	-o-transition-delay: 250ms;
	transition-delay: 250ms
}

.menu li:hover .submenu li:nth-child(7) {
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms
}

.menu li:hover .submenu li:nth-child(8) {
	-webkit-transition-delay: 350ms;
	-moz-transition-delay: 350ms;
	-ms-transition-delay: 350ms;
	-o-transition-delay: 350ms;
	transition-delay: 350ms
}

.submenu li:nth-child(1) {
	-webkit-transition-delay: 350ms;
	-moz-transition-delay: 350ms;
	-ms-transition-delay: 350ms;
	-o-transition-delay: 350ms;
	transition-delay: 350ms
}

.submenu li:nth-child(2) {
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms
}

.submenu li:nth-child(3) {
	-webkit-transition-delay: 250ms;
	-moz-transition-delay: 250ms;
	-ms-transition-delay: 250ms;
	-o-transition-delay: 250ms;
	transition-delay: 250ms
}

.submenu li:nth-child(4) {
	-webkit-transition-delay: 200ms;
	-moz-transition-delay: 200ms;
	-ms-transition-delay: 200ms;
	-o-transition-delay: 200ms;
	transition-delay: 200ms
}

.submenu li:nth-child(5) {
	-webkit-transition-delay: 150ms;
	-moz-transition-delay: 150ms;
	-ms-transition-delay: 150ms;
	-o-transition-delay: 150ms;
	transition-delay: 150ms
}

.submenu li:nth-child(6) {
	-webkit-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	-ms-transition-delay: 100ms;
	-o-transition-delay: 100ms;
	transition-delay: 100ms
}

.submenu li:nth-child(7) {
	-webkit-transition-delay: 50ms;
	-moz-transition-delay: 50ms;
	-ms-transition-delay: 50ms;
	-o-transition-delay: 50ms;
	transition-delay: 50ms
}

.submenu li:nth-child(8) {
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s
}
/**********************/
.abt{ width:100%; height:612px; background:url(abtbg.png) center no-repeat;}
.abt-in{ width:1200px; height:612px; margin:0 auto; position:relative}
.abt-in .abt-con{position: absolute;width: 480px;height: 210px;left: 77px;top: 250px;}
.abt-in .abt-con p{ text-indent:2em; font-size:14px; line-height:1.7; color:#232323}
.abt-in .abt-lj{ position:absolute; right:77px; width:480px; top:170px;}
.abt-in .abt-lj ul{ width:500px;}
.abt-in .abt-lj ul li{ float:left; width:235px; height:140px; margin:0px 10px 10px 0px;}


/**********************/
.pro{ width:100%;  height:1060px; background:url(probg.png) top center no-repeat #f5f5f5; position:relative; }
.pro-in{ width:1200px; height:1060px; margin:0 auto; position:relative}
.pro-tp{ position:absolute; bottom:0px; right:0px; width:603px; height:761px; overflow:hidden}
.pro-fl{ width:100%; height:460px; float:left; margin-top:250px; position:relative}
.pro-fl ul{}
.pro-fl ul li{ background:url(flbg.jpg) center no-repeat; width:231px; height:460px; float:left; margin-right:40px; position:relative; overflow:hidden}
.pro-fl ul li .li-tp{ width:231px; height:145px; float:left; margin-top:6px;}
.pro-fl ul li span#zw{ display:block; line-height:1.2; color:#232323; font-size:26px; position:absolute;top: 179px;left: 129px;z-index: 3;width: 30px;}
.pro-fl ul li span#yw{ display:block; color:#232323; font-size:14px; top: 240px;left: 75px;z-index:3;width: 25px; text-transform:uppercase;position: absolute;writing-mode: vertical-lr;writing-mode: tb-lr;}
.pro-fl ul li:hover{box-shadow: 0px 0px 8px #dedede;}
.pro-fl .fl-sm{ width:380px; height:282px; position:absolute; right:0px; bottom:0px;}
.pro-fl .fl-sm .sm-tp{ background:url(jj.png) center no-repeat; height:101px; width:100%; float:left}
.pro-fl .fl-sm .sm-wz{ float:left; margin-top:15px; width:100%; text-indent:2em; font-size:14px; line-height:2; color:#232323;}
.pro-in .pro-con{ width:100%; float:left; height:250px; margin-top:40px; overflow:hidden}
.pro-in .pro-con ul{ float:left; width:105%}
.pro-in .pro-con ul li{ float:left;  margin-right:30px; height:250px; width:280px; position:relative;}
.pro-in .pro-con ul li .li-img{ width:280px; height:210px; position:relative; float:left; position:relative; }
.pro-in .pro-con ul li .li-img img{margin:auto; max-width:280px; max-height:210px; left:0px; right:0px; bottom:0px; top:0px; display:block; position:relative}
.pro-in .pro-con ul li .li-bt{ width:100%; height:40px; text-align:center; line-height:40px; font-size:16px; color:#fff; background:#df0024; float:left; }
.pro-in .pro-con ul li:hover .li-bt{ background:#b80000}
/*********************/
/*********************/

/*********************/

/*********************/

/*************************/
.news{ width:100%; height:670px; background:url(newsbg2.png) center no-repeat;}
.news-in{ width:1200px; height:670px; margin:0 auto; position:relative}
.news-in .news-bt{ width:100%; height:76px; float:left; margin-top:20px;}
.news-in .news-bt .bt-tp{ background:url(xwbt.png) center no-repeat; width:220px; height:76px; float:left}
.news-in .news-bt .bt-fl{ float:right; width:840px; height:50px; overflow:hidden; margin-top:25px}
.news-in .news-bt .bt-fl ul { width:900px}
.news-in .news-bt .bt-fl ul li{ float:left; width:180px; height:50px; background:#000; color:#fff; margin-left:30px; font-size:16px; text-align:center; letter-spacing:2px; line-height:50px;}
.news-in .news-bt .bt-fl ul li:hover{ background:#b80000; color:#fff}

.news-in .news-con{ float:right; height:350px; width:810px; margin-top:50px; background:url(xwcon.png) bottom no-repeat}
.news-in .news-con ul{}
.news-in .news-con ul li{ width:100%; height:70px; background:url(xwlb.png)left center no-repeat;}
.news-in .news-con ul li span#bt{ height:70px; line-height:70px; display:block; float:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width:490px; padding-left:30px;font-size: 16px;color: #323232; letter-spacing:1px;}
.news-in .news-con ul li span#sj{ display:block; float:right; line-height:70px; background:url(sj.png)left center no-repeat; padding-left:20px; color:#c8c8c8; font-size:14px;}
.news-in .news-con ul li span#sj p{ color:#969696; display: inline-block;}
.news-in .news-con ul li:hover span#bt{ color:#b80000; }

.news-in .news-mo{ width:82px; height:54px; position:absolute; right:0px; bottom:50px;}
/*************************/
.fot{ width:100%; height:260px; background:#f5f5f5; border-top:3px solid #df0024;}
.fot-in{ width:1200px; height:260px; margin:0 auto; position:relative;}
.fot-in .fot-lg{ position:absolute; right:0px; top:0px; width:162px; height:247px;}
.fot-in .fot-dh{ border-bottom:1px solid #988c7c; float:left; margin-top:50px; color:#707070; font-size:14px; height:47px; width:651px; overflow:hidden}
.fot-in .fot-dh ul{ width:690px;}
.fot-in .fot-dh ul li{ float:left; margin-right:33px; color:#707070}
.fot-in .fot-dh ul li:hover{ color:#df0024}
.fot-in .fot-gs{ font-weight:bold; color:#000; font-size:18px; position:absolute; left:0px; top:130px; letter-spacing:2px;}
.fot-in .fot-dz{ color:#000; font-size:14px; position:absolute; left:0px; top:170px; letter-spacing:2px; line-height:2}
.fot-in .fot-tp{ width:160px; height:200px; position:absolute; top:30px; left:770px;}
.fot-in .fot-tp img{ display:block; float:left; width:160px;}
.fot-in .fot-tp span{ display:block; float:left; width:100%; text-align:center; color:#707070; font-size:14px; margin-top:20px}